{% load static %}
<!doctype html>
<html lang="zh">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="icon" href="{% static 'imgs/function.ico' %}" type="image/ico">
  <meta name="author" content="ajiho">
  <link rel="stylesheet" href="{% static 'lib/bootstrap-icons/font/bootstrap-icons.min.css' %}">
  <link rel="stylesheet" href="{%  static 'lib/bootstrap/dist/css/bootstrap.min.css' %}">
  <link rel="stylesheet" href="{% static 'lib/overlayscrollbars/styles/overlayscrollbars.min.css' %}">
  <link rel="stylesheet" href="{% static 'css/bootstrap-admin.min.css' %}">
   <link rel="stylesheet" href="{% static 'css/index.css' %}">
  <title>教学评价信息管理系统</title>
</head>

<body data-theme="light">

<!--头部导航-->
<ul class="bsa-header">
  <!-- 侧边栏触发按钮(移动端时显示) -->
  <li class="bsa-sidebar-toggler" data-bsa-toggle="pushmenu">
    <div class="bsa-header-item">
      <i class="bi bi-list"></i>
    </div>
  </li>
  <!--  搜索组件(不需要可删除)  -->
  <li>
    <div class="bsa-header-item bsa-cursor-default">
      <!--    搜索表单包裹区域        -->
      <div class="bsa-search-form-wrapper"
           data-bsa-toggle="navbar-search"
           data-close-reset="false"
           data-action="pages/search.html"
           data-params='{"type":"article","user":"admin2"}'>
        <div class="bsa-search-form">
          <input type="text" class="form-control bsa-input-search" aria-label="搜索关键词"
                 placeholder="搜索关键词">
          <button class="bsa-search-submit-btn" type="submit"><i class="bi bi-search"></i></button>
          <button class="bsa-search-close-btn" type="button"><i class="bi bi-x-lg"></i></button>
        </div>
      </div>
      <!--    移动端搜索表单触发器(移动端会显示)        -->
      <i class="bi bi-search bsa-search-form-toggler bsa-cursor-pointer"></i>
    </div>
  </li>
  <!--  占位(可以让后面的li居右)  -->
  <li class="flex-grow-1"></li>

  <!--  全屏  -->
  <li class="bsa-fullscreen-toggler">
    <div class="bsa-header-item">
      <i class="bi bi-arrows-fullscreen"></i>
    </div>
  </li>

  <!--    管理员信息    -->
  <li class="dropdown">
    <div class="bsa-header-item"  data-bs-toggle="dropdown">
{#        <img src="{% static 'imgs/3.jpeg' %}" style=" width: 30px;#}
{#    height: 30px;" class="rounded-circle  bsa-cursor-pointer">#}
      <div class="bsa-user-area">
        <div class="bsa-user-details">
          <div class="bsa-ellipsis-1 bsa-fs-15">{{ request.session.info.user }}</div>
        </div>
      </div>
    </div>
    <ul class="dropdown-menu dropdown-menu-end" style="z-index: 80;">
       <li class="bsa-logout"><a class="dropdown-item" href="/index/profile/" target="top"><i
        class="bi bi-box-arrow-right me-2"></i>修改个人资料</a>
      </li>
      <li>
        <a class="dropdown-item bsa-clear-cache" href="javascript:"
           data-qt-tab='{"title":"修改密码","url":"pages/password.html"}'
           data-qt-target=".qtab">
          <i class="bi bi-key me-2"></i>修改密码
        </a>
      </li>
      <li>
        <div class="dropdown-divider"></div>
      </li>
      <li class="bsa-logout"><a class="dropdown-item" href="/logout/" target="top" onclick="return confirm('确定注销登录吗?');"><i
        class="bi bi-box-arrow-right me-2"></i>退出登录</a>
      </li>
    </ul>
  </li>
</ul>

<!--侧边栏-->
{% block test %}{% endblock test %}
<div class="bsa-sidebar">
  <!--  侧边栏头部部分(展示品牌logo)  -->
  <div class="bsa-sidebar-header">
{#    <img src="dist/img/favicon-32x32.png" class="bsa-logo-icon" alt="logo-icon">#}
    <div class="bsa-logo-text ms-2 bsa-ellipsis-2">教学评价信息管理系统</div>
  </div>
  <!--  侧边栏的身体部分  -->
  <div class="bsa-sidebar-body" data-overlayscrollbars-initialize>
    <!--   侧边栏的菜单     -->
    <ul class="bsa-menu dropdown" data-accordion="true" data-click-close="true" >
      {% block headers %}

      {% endblock headers %}
    </ul>
  </div>
</div>

<!--内容区域(用于tab选项卡插件)-->
{#class="bsa-content"#}
<div class="bsa-content">

  <div style="margin: 10px 10px">
      {% block content %}{% endblock content %}
  </div>
</div>

<!--版权信息-->
<div class="bsa-footer">
  <p class="mb-0">Copyright © 2023. All right reserved.</p>
</div>



<script src="{% static 'lib/bootstrap/dist/js/bootstrap.bundle.min.js' %}"></script>
<script src="{% static 'lib/jquery/dist/jquery.min.js' %}"></script>
<script src="{% static  'lib/overlayscrollbars/browser/overlayscrollbars.browser.es6.min.js' %}"></script>
<script src="{% static  'lib/bootstrap-quicktab/dist/js/bootstrap-quicktab.min.js' %}"></script>
<script src="{% static 'js/bootstrap-admin.min.js' %}"></script>
<script src="{% static 'js/app.js' %}"></script>


<script type="text/javascript" src="{% static 'js/jquery-3.5.1.js' %}"></script>
<script type="text/javascript" src="{% static 'pluigns/bootstrap-3.4.1/js/bootstrap.js' %}"></script>
{#<script type="text/javascript" src="{% static 'js/perfect-scrollbar.min.js' %}s"></script>#}
<script type="text/javascript" src="{% static 'js/main.min.js' %}"></script>
<script type="text/javascript" src="{% static 'js/echarts.min.js' %}"></script>

{% block js %} {% endblock %}
{% block Onjs %}{% endblock Onjs%}
{% if messages %}
<script>
        {% for msg in messages %}
            alert('{{ msg.message }}');
        {% endfor %}
</script>
{% endif %}
</body>
</html>